<template>
  <div class="index-wradd">
    <div class="slider">
      <div class="headers">机构中心端</div>
      <el-menu
        default-active="2"
        class="el-icon-house"
        background-color="rgb(85, 85, 85)"
        text-color="#fff"
        active-text-color="#ffd04b"
        router
      >
        <el-menu-item index="/homa">
          <i class="el-icon-house"></i>
          <span slot="title">首页</span>
        </el-menu-item>
           <el-menu-item index="/organi">
          <i class="el-icon-office-building"></i>
          <span slot="title">分机构管理</span>
        </el-menu-item>
        <el-submenu index="4">
          <template slot="title">
            <i class="el-icon-food"></i>
            <span>膳s食管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/dietass">食材管理</el-menu-item>
            <el-menu-item index="/supplier">供应商管理</el-menu-item>
            <el-menu-item index="/purchase">采购申请</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
        <!--  -->
            <el-submenu index="15">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span>账号设置</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/management">账号管理</el-menu-item>
            <el-menu-item index="/role">角色管理</el-menu-item>
            <el-menu-item index="/account">账号设置</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
      </el-menu>
    </div>
    <div class="rightmin">
        <div class="crumbs">面包屑</div>
        <div>
            <router-view></router-view>
        </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.index-wradd {
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: rgb(235, 233, 233);
}
.slider {
  width: 280px;
  background: rgb(85, 85, 85);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow: auto;
}
.rightmin {
  position: absolute;
  right: 0;
  top: 0;
  left: 280px;
  height: 100%;
  overflow: auto;
  background: #ccc;
}
.headers {
  color: white;
  font-size: 30px;
  width: 100%;
  height: 50px;
  padding: 15px 0;
  text-align: center;
  background: rgba($color: purple, $alpha: 0.5);
}
.crumbs{
   
    height: 80px;
    background: white;
}
.el-icon-house{
    border: none;
    
}

</style>